<template>
    <div class="grid-content bg-purple" id="indexur">
        <el-avatar icon="el-icon-user-solid" style="margin-left:105px;margin-top:20px"></el-avatar>
        <p style="padding-left:90px;padding-top:10px">Hi!&nbsp;{{user_cookie}}</p>
        <div style="padding-top:20px">
            <el-row>
                <el-col :span="8"><div class="grid-content bg-purple" style="padding-left:80px"><div style="width:95px;height:28px;border-style:solid;border-color:#409EFF;background-color:#409EFF;border-radius:5px"><el-link :underline="false" style="margin-left:20px;color:white" @click="outlogin" target="_blank">退出登录</el-link></div></div></el-col>
            </el-row>
        </div>
        <div style="padding-top:20px">
            <img :src="require('../assets/4.png')" style="margin-left:30px;width:200px;height:110px">
        </div>
    </div>
</template>

<script>
export default {
    name: "indexur",
    data(){
        return{
            user_cookie : this.$cookies.get("username")
        }
    },
    methods: {
      outlogin() {
        this.$cookies.remove("username");
        this.$router.go(0)
      }
    }
}
</script>